<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="header.css">
    <link rel="stylesheet" type="text/css" href="main-nav.css">
    <link rel="stylesheet" type="text/css" href="hykstyle.css">
    <!-- <link rel="stylesheet" type="text/css" href="serch.css"> -->
    <link rel="stylesheet" type="text/css" href="detailed.css">
</head>

<body>
    <!-- #region 头部-->
    <div class="header">
        <div class="top-bar">
            <div class="w1200">餐饮加盟网(brand.cyt360.com)欢迎您的光临</div>
        </div>
        <div class="header-bar">
            <div class="w1200">
                <div class="logo-div">
                    <a href="#"><img src="images/logo.png"></a>
                </div>
                <div class="search-div">
                    <div class="search-box">
                        <div class="input-div">
                            <input type="text" placeholder="请输入查找内容">
                        </div>
                        <button class="searchButton">搜索</button>
                    </div>
                    <div class="hotSearch-div">热门搜索：<a href="#">火锅</a><a href="#">麻辣烫</a><a href="#">汉堡</a></div>
                </div>
                <div class="button-div">
                    <button class="toJoin-button">我要加盟</button>
                    <button class="enter-button">我要入驻</button>
                </div>
            </div>
        </div>
    </div>

    <!-- #region 头部主导航 -->
    <div class="main-nav">
        <div class="w1200 nav-a-box">
            <a href="#">首页</a>
            <a href="#">加盟</a>
            <a href="#">火锅加盟</a>
            <a href="#">中式快餐</a>
            <a href="#">火锅加盟</a>
            <a href="#">中式快餐</a>
            <a href="#">麻辣烫</a>
        </div>
    </div>
    <!-- #endregion -->

    <!-- 详细界面的主要部分 -->
    <div class="des-main wrap clear">
        <!-- 界面的迷你导航部分 -->
        <div class="path w1200">
            <a href="">首页</a>
            <em>></em>
            <a href="">烧烤</a>
            <em>></em>
            <a href="">市井烤肉</a>
            <em>></em>
            <a href="">青春东北泥炉烤肉</a>
        </div>

        <!-- 主要内容部分 -->
        <div class="des-top w1200">
            <!-- 轮播图地点 -->
            <div class="picFocus">
                <!-- 组件上面 -->
                <div class="picFocus-top">
                    <img src="./image/detailed/01.jpg" alt="">
                    <img src="./image/detailed/02.jpg" alt="">
                    <img src="./image/detailed/03.jpg" alt="">
                    <img src="./image/detailed/02.jpg" alt="">
                </div>
                <div class="picFocus-bottom">
                    <div class="picFocus-bottom-box"><img src="./image/detailed/01.jpg" alt=""></div>
                    <div class="picFocus-bottom-box"><img src="./image/detailed/02.jpg" alt=""></div>
                    <div class="picFocus-bottom-box"><img src="./image/detailed/03.jpg" alt=""></div>
                    <div class="picFocus-bottom-box"><img src="./image/detailed/02.jpg" alt=""></div>
                </div>
            </div>
            <!-- 右侧介绍 -->
            <div class="des-top-rightbox fr">
                <div class="des-top-title-name">青春东北泥炉烤肉</div>
                <ul class="des-top-card">
                    <li>
                        <dt>投资金额</dt>
                        <dd>20-50万</dd>
                    </li>
                    <li>
                        <dt>品牌发源地</dt>
                        <dd>广东</dd>
                    </li>
                    <li>
                        <dt>门店数量</dt>
                        <dd>12家</dd>
                    </li>
                    <li>
                        <dt>咨询人数</dt>
                        <dd>12</dd>
                    </li>
                </ul>

                <div class="des-top-intro">
                    <dl>
                        <dt>
                            <em>企业名称:</em>
                            <span>深圳青春东北泥路烤肉管理有限公司</span>
                        </dt>
                    </dl>

                    <dl>
                        <dd>
                            <em>所属行业:</em>
                            <span>烧烤 > 市井烤肉</span>
                        </dd>
                        <dd>
                            <em>主营产品:</em>
                            <span>烤肉、小吃</span>
                        </dd>
                    </dl>

                    <dl>
                        <dd>
                            <em>适合人群:</em>
                            <span>自由创业、在岗投资、大学生创业</span>
                        </dd>
                        <dd>
                            <em>发展模式:</em>
                            <span>自由代理、单店特许</span>
                        </dd>
                    </dl>

                    <dl>

                    </dl>

                    <dl>
                        <dt><em>招商网站:</em><span>xxxxxxxxxxxxx</span></dt>
                    </dl>
                </div>

                <div class="des-top-btn">
                    <a href="">我要加盟</a>
                    <a href="">获取开店资料</a>
                </div>
            </div>
        </div>

        <!-- 主要内容的中间部分的详细加盟信息 -->
        <div class="des-middle w1200">
            <!-- 左边部分 -->
            <div class="Lcont fl">
                <div class="des-middle-box">
                    <div class="des-middle-box-title">
                        <ul>
                            <li><a class="active" href="">品牌信息</a></li>
                            <li><a href="">加盟优势</a></li>
                            <li><a href="">加盟条件</a></li>
                            <li><a href="">加盟流程</a></li>
                        </ul>
                    </div>
                    <div class="des-middle-box-info">
                        <!-- 品牌信息的位置 -->
                        <div class="des-middle-box-info-title brand_info" id="des-title-active1">
                            <h3>品牌信息</h3>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>

                            <p>串串香的出现无疑给热爱美食的我们带来了一种前所未有的体验，在此之中川传串砂锅串串香深受男女老幼广大食客的青睐，除了量贩式进餐模式和独特的菜品味道外，更主要的是它丰富的菜品和低廉实惠的价格。
                            </p>
                        </div>
                        <!-- 加盟优势的位置 -->
                        <div class="des-middle-box-info-title brand_info" id="des-title-active2">
                            <h3>加盟优势</h3>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>

                        </div>
                        <!-- 加盟条件的位置 -->
                        <div class="des-middle-box-info-title brand_info" id="des-title-active3">
                            <h3>加盟条件</h3>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>

                        </div>
                        <!-- 加盟流程的位置 -->
                        <div class="des-middle-box-info-title brand_info" id="des-title-active4">
                            <h3>加盟流程</h3>
                            <p>目前餐饮市场上小吃的消费市场很大，市场上的小吃加盟品牌也是很多。川传串砂锅串串香好吃，选择丰富，近年来在市面上的门店越开越多，生意也十分火爆。对于投资者来说，选择川传串砂锅串串香加盟品牌开店的成功率更高。川传串砂锅串串香加盟品牌合作经营，投资者可以获得很多经营上的优势。
                            </p>

                        </div>
                    </div>
                </div>
            </div>
            <!-- 右边部分 -->
            <div class="Rcont fr">
                <div class="Rcont_zero">
                    <h3>
                        <i class="iconfont icon-title"></i>
                        <span>企业信息</span>
                    </h3>
                    <p class="p1">
                        <img src="./image/detailed/04.jpg" alt="">
                    </p>
                    <p class="p2">成都川里川外餐饮管理有限公司</p>
                    <p class="p3">
                        <em>成立时间：</em>
                        <span>2011年</span>
                    </p>
                    <p class="p4">
                        <em>注册资金</em>
                        <span>1000万元</span>
                    </p>
                </div>
            </div>
        </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-top">
            <div class="footer-left">
                <div class="footer-content">
                    <div class="footer-title">用户服务</div>
                    <a href="#" class="sub-title">用户服务</a>
                    <a href="#" class="sub-title">使用前必读</a>
                    <a href="#" class="sub-title">隐私协议</a>
                </div>
                <div class="footer-content">
                    <div class="footer-title">商家服务</div>
                    <a href="#" class="sub-title">品牌入住</a>
                    <a href="#" class="sub-title">会员权益</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">关于加盟星</div>
                    <a href="#" class="sub-title">平台介绍</a>
                    <a href="#" class="sub-title">官方微博</a>
                    <a href="#" class="sub-title">官方百科</a>
                    <a href="#" class="sub-title">建议反馈</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">友情链接</div>
                    <a href="#" class="sub-title">爱企查</a>
                    <a href="#" class="sub-title">爱采购</a>
                    <a href="#" class="sub-title">出海易</a>
                    <a href="#" class="sub-title">企业推广</a>

                </div>

            </div>
            <div class="footer-right">
                <div class="footer-box">
                    <div class="footer-img-one"></div>
                    <p class="footer-imgname">微信公共号</p>
                </div>
                <div class="footer-box">
                    <div class="footer-img-two"></div>
                    <p class="footer-imgname">小助手微信号</p>
                </div>

            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-box">
                <a href="">京ICP证xxxxxxxxxxx号</a>
                <a href="">京公网安备xxxxxxxxxxxx号</a>
                <p class="footer-bottom-tips">加盟有风险，投资需谨慎</p>
            </div>
        </div>
    </div>

  <!-- 这里是轮播图方面的js部分 -->
  <script src="./detailed-img.js"></script>
    
  <!-- 这里是我的点击标题跳转的js部分 -->
  <script src="./detailed-scroll.js"></script>
</body>

</html>